@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* This is the main style definition file for all the pages on the website */

@media screen
{
	div.bodytext{
	width:700px;
	padding:10px 20px 10px 20px;
	border-radius:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-o-border-radius: 5px;
	box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
    	-webkit-box-shadow: 0px 0px 50px #000;
    	-o-box-shadow: 0px 0px 20px #000;
    	-khtml-box-shadow: 0px 0px 20px #000;
	background-color:#fff;
	margin: 20px auto;
	}
	
	div.header{
	width:700px;
	padding:10px 20px 10px 20px;
	border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		-khtml-border-radius:0 0 5px 5px;
		-o-border-radius:0 0 5px 5px;
	box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
    	-webkit-box-shadow: 0px 0px 50px #000;
    	-o-box-shadow: 0px 0px 20px #000;
    	-khtml-box-shadow: 0px 0px 20px #000;
	background-color:#fff;
	margin:auto;
	margin-top:0px;
	}
	
	div.footer{
	width:700px;
	height:32px;
	padding:10px 20px 10px 20px;
	border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-khtml-border-radius:5px 5px 0 0;
		-o-border-radius:5px 5px 0 0;
	box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
    	-webkit-box-shadow: 0px 0px 50px #000;
    	-o-box-shadow: 0px 0px 20px #000;
    	-khtml-box-shadow: 0px 0px 20px #000;
	background-color:#fff;
	margin:auto;
	margin-bottom:0px;
	position:absolute; /* This stuff results in a "sticky" footer */
	bottom:0;
	left:0;
	right:0;
	}
}

@media print
{
	/* provide a noprint style */
	.noPrint{
		display: none !important;
	}
	
	/* Use this to hide the nav strip in printing */
	table.navstrip{
	display: none !important;
	}
	
	/* Hide object and iframe tags, which should hide all included videos */
	object,iframe{
		display:none !important;
	}
}	

/* Required for sticky footer stuff */
html {
	position: relative;
	min-height: 100%;
}

/* Body description */
body {
	background-image:url(misc_img/stone.jpg);
	background-attachment:fixed;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.25;
	font-size:small;
	margin:0 0 72px; /* Bottom margin should be 20px more than the footer height */
}

/* Remove borders from all image links */
a img {
	border:none;
}

/********************************************************************\
| CSS navbar in the header file                                      |
| Modified from the following link to only have one level of buttons |
| http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu |
| 02/08/15                                                           |
\********************************************************************/
.navbar ul {
	background: #fff; 
	padding: 0 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	margin:0;
}
.navbar ul li {
	float:left;
}
.navbar ul li:hover {
	background: #9DB9E6;
	border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		-o-border-radius:5px 5px;
}
.navbar ul li:hover a {
	color: #000;
}
.navbar ul li:active {
	background: #19335e;
}
.navbar ul li:active a{
	color: #fff;
}
.navbar ul li a {
	display: block;
	padding: 5px 20px;
	color: #000;
	text-decoration: none;
}

/* A link style with absolutely no formatting and the same color as the parent tag*/
a.noformat {
	color:inherit;
	text-decoration:none;
}

/* Set paragraph properties */
p{
	text-align:justify;
}

/* Set properties of navigation strip. These should appear as text
links rather than buttons */
table.navstrip{
	font-size:medium;
}

/* Set behaviour of links in text */
/* Note that these only affect links within the main <div> bodytext of the page */
div.bodytext a:link, div a:visited{
	color:#00f;
	text-decoration:underline;
}
div.bodytext a:hover{
	background-color:#bbf;
}
div.bodytext a:active{
	background-color:#77f;
}

/* Details of the thumbnails table style. Uses captions. */
/* By default uses 150pixel thumbnails. */
table.thumbnails{
	border:0px solid #ddd;
	font-size:x-small;
	background-color:#fff;
	width: 616px;
}
table.thumbnails td{
	vertical-align:top;
	width:150px;
	/* height:150px; */
	border:none;
	text-align:center;
	padding: 2px;
}

/* Indented */
/* Allows for nicer-looking paragraphs in the text */
/* This originally applied to only paragraphs, but I changed  it */
/* so it can be used with anything e.g. lists */
.indent1{
	margin-left:20px;
}

/* Format computer code */
pre.code{
	margin-left:40px;
	margin-right:40px;
	border:1px solid black;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius:5px;
	background-color:#EEE;
	overflow-x: auto; /* used so scrollbar appears for long lines */
}

/************\
| Follow bar |
\************/
.displace5000px{
	position:absolute;
	left:-5000px;
}
a.roll32px{
	display:block;
	height:32px;
	width:32px;
	text-decoration:none;
}
a.roll32px:hover{
	background-position: 0px -32px;
}
a.roll32px:active{
	background-position: 0px -64px;
}

/******************************\
| News scroll box on main page |
\******************************/
div.mainnewsscroll{
	height:100px;
	width:650px;
	border:1px solid #000;
	overflow:auto;
	margin:auto;
	box-shadow: 0px 0px 5px #000;
		-moz-box-shadow: 0px 0px 5px #000;
    	-webkit-box-shadow: 0px 0px 5px #000;
    	-o-box-shadow: 0px 0px 5px #000;
    	-khtml-box-shadow: 0px 0px 5px #000;
	resize:vertical;
	padding:10px;
}

/*******************\
| Video frame sizes |
\*******************/
iframe.smallvideo {
	width:480px;
	height:360px;
}
iframe.largevideo {
	width:612px;
	height:344px;
}